<%-- 
    Document   : V_ControlAuditoria_Update
    Created on : 23-sep-2014, 23:06:47
    Author     : JoseHernan
--%>
<%@page import="db.DB_Pregunta"%>
<%@page import="beans.B_Pregunta"%>
<%@page import="db.DB_RolPermiso"%>
<%@page import="beans.B_RolPermiso"%>
<%@page import="java.util.ArrayList"%>
<%@page import="db.DB_ControlAuditoria"%>
<%@page import="beans.B_ControlAuditoria"%>
<%@page import="beans.B_ObjetivoControlAuditoria"%>
<%@page import="db.DB_ObjetivoControlAuditoria"%>
<%@page import="beans.B_GuiaImplantacion"%>
<%@page import="db.DB_GuiaImplantacion"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%

    if (session.getAttribute(
            "userName") != null) {
        String userName = session.getAttribute("userName").toString();
        session.setAttribute("userName", userName);
        int idUsuario = Integer.parseInt(session.getAttribute("idUsuario").toString());
        int idPagina = Integer.parseInt(request.getParameter("idPagina").toString());
        ArrayList<B_RolPermiso> listPermisos = DB_RolPermiso.getPermisosPagina(idUsuario, idPagina);
        B_RolPermiso objRolPermiso = listPermisos.get(0);
        boolean List = false;
        boolean New = false;
        boolean Update = false;
        boolean Delete = false;
        for (B_RolPermiso objRolPermiso2 : listPermisos) {
            if (objRolPermiso2.getObjAccionPagina().getObjTipoAccionPagina().getNombre().equals("New")) {
                New = true;
            }
            if (objRolPermiso2.getObjAccionPagina().getObjTipoAccionPagina().getNombre().equals("Update")) {
                Update = true;
            }
        }
        //NEW OR UPDATE
        String action = request.getParameter("action").toString();
        B_ControlAuditoria obj;
        int id = 0;
        if (action.equals("u")) {
            id = Integer.parseInt(request.getParameter("id").toString());
            ArrayList<B_ControlAuditoria> list = DB_ControlAuditoria.getList(id);
            obj = list.get(0);
        } else {
            obj = new B_ControlAuditoria();
        }
%>
<!-- BEGIN PAGE LEVEL STYLES -->
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN FORM-->
<style>
    .tooltip{
        z-index: 20000;
    }
</style>
<%
    if (Update || New) {
%>
<form id="form_xsis" name="form_xsis" class="form-horizontal" style="width: <% if (action.equals("u")) {
        out.print("900");
    } else {
        out.print("900");
    }%>px;">
    <div class="portlet box blue" style="margin-bottom: 0px;">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i><%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreMuestraSingular()%>
            </div>
            <div class="tools">
                <%//<button id="closeModal1" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>%>
                <a href="#" id="closeModal1" class="close" data-dismiss="modal" aria-hidden="true"></a>
            </div>
        </div>
        <div class="portlet-body">
            <div class="tabbable-custom">
                <ul class="nav nav-tabs ">
                    <li class="active">
                        <a href="#tab_1" data-toggle="tab">
                            <%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreMuestraSingular()%> </a>
                    </li>
                    <%
                        if (action.equals("u")) {
                    %>
                    <li>
                        <a href="#tab_2" data-toggle="tab">
                            Guias de Implantación </a>
                    </li>
                    <li>
                        <a href="#tab_3" data-toggle="tab">
                            Evaluación </a>
                    </li>
                    <%
                        }
                    %>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_1">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-body">
                                    <div class="alert alert-danger display-hide">
                                        <button class="close" data-close="alert"></button>
                                        <label id="messageReturn"></label>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Objetivo de Control de Auditoría: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <select class="form-control selectToMe" name="idObjetivoControlAuditoria" id="idObjetivoControlAuditoria" onchange="changeCodigo();"><!--name="options2"-->
                                                <option value="0">--- Seleccione un Objetivo de Control de Auditoría ---</option>
                                                <%
                                                    ArrayList<B_ObjetivoControlAuditoria> list = DB_ObjetivoControlAuditoria.getList(0);
                                                    B_ObjetivoControlAuditoria objObjetivoControlAuditoria;
                                                    for (int i = 0; i < list.size(); i++) {
                                                        objObjetivoControlAuditoria = list.get(i);
                                                %>
                                                <option value="<%= objObjetivoControlAuditoria.getId()%>" <% if (obj.getObjObjetivoControlAuditoria().getId() == objObjetivoControlAuditoria.getId()) {
                                                        out.print("selected");
                                                    }%>  ><%= objObjetivoControlAuditoria.getCodigo() + " " + objObjetivoControlAuditoria.getNombre()%></option>
                                                <%
                                                    }
                                                %>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Código: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <input type="text" name="codigo" id="codigo" class="form-control" value="<%= obj.getCodigo()%>" />
                                        </div>
                                    </div> 
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Nombre: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <input type="text" name="nombre" id="nombre" class="form-control" value="<%= obj.getNombre()%>" />
                                        </div>
                                    </div>                    
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Descripción: </label>
                                        <div class="col-md-9">
                                            <textarea name="descripcion" id="descripcion" class="form-control"><%= obj.getDescripcion()%></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Información adicional:
                                        </label>
                                        <div class="col-md-9">
                                            <textarea name="informacionAdicional" id="informacionAdicional" class="form-control"><%= obj.getInformacionAdicional()%></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button id="save" type="submit" class="btn blue">Guardar</button>
                            <button id="closeModal2" type="button" class="btn default" data-dismiss="modal">Cerrar</button>     
                        </div>
                    </div>
                    <%
                        if (action.equals("u")) {
                    %>
                    <div class="tab-pane" id="tab_2">
                        <div class="table-scrollable" id="table_content">
                            <table class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>
                                            Nº
                                        </th>
                                        <th>
                                            Guía de Implantación
                                        </th>
                                        <th colspan="2">
                                            Acciones
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <%
                                        ArrayList<B_GuiaImplantacion> listGuiaImplantacion = DB_GuiaImplantacion.getListFilerByIdControlAuditoria(id);
                                        B_GuiaImplantacion objGuiaImplantacion;
                                        for (int i = 0; i < listGuiaImplantacion.size(); i++) {
                                            objGuiaImplantacion = listGuiaImplantacion.get(i);
                                    %>
                                    <tr>
                                        <td>
                                            <%= i + 1%>
                                        </td>
                                        <td>
                                            <%= objGuiaImplantacion.getDescripcion()%>
                                        </td>
                                        <td width="1">
                                            <a class="tooltips" data-original-title="Editar" href="#basic" data-toggle="modal" onclick="changeDataModalCustom2('View/GuiaImplantacion/V_GuiaImplantacion_Update.jsp?action=u&id=<%=objGuiaImplantacion.getId()%>&idControlAuditoria=<%= obj.getId()%>', '40%');"><i class="fa fa-pencil-square"></i></a>
                                        </td>
                                        <td width="1">
                                            <a href="#basic" data-toggle="modal" onClick="changeDataModalCustom2('deleteRowUpdateDOM.jsp?servlet=C_GuiaImplantacion&action=d&id=<%= objGuiaImplantacion.getId()%>&DOMObjet=table_content&idParent=<%= obj.getId()%>&idParentName=idControlAuditoria', '40%');"><i class="fa fa-trash-o"></i></a>
                                        </td>
                                    </tr>
                                    <%
                                        }
                                    %>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button id="add2" type="submit" class="btn blue">Agregar</button>
                        </div>
                    </div>
                    <div class="tab-pane" id="tab_3">
                        <div class="row" id="div_tipo_evaluacion">
                            <div class="col-xs-12 col-sm-3">
                                <ul class="nav nav-tabs tabs-left">
                                    <li class="active">
                                        <a data-toggle="tab" href="#tab_cate_1"> 
                                            <span class="tooltipModal" data-container="body" data-placement="left" data-original-title="Cumplimiento">Cumplimiento</span> 
                                        </a> 
                                    </li>
                                    <li>
                                        <a data-toggle="tab" href="#tab_cate_2"> 
                                            <span class="tooltipModal" data-container="body" data-placement="left" data-original-title="Post Cumplimiento">Del Cumplimiento</span> 
                                        </a> 
                                    </li>
                                </ul>
                            </div>
                            <div class="col-xs-12 col-sm-9">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="tab_cate_1">
                                        <h3 class="text-primary"> Evaluación de Cumplimiento <a class="btn blue" style="float: right; margin-bottom: 5px;" onclick="changeDataModalCustom2('View/Pregunta/V_Pregunta_Update.jsp?action=n&idControlAuditoria=<%=id%>&isPreguntaCumplimiento=true', '45%');">Agregar Pregunta</a></h3>
                                        <div class="table-scrollable" id="table_content_cumplimiento">
                                            
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="tab_cate_2">
                                        <h3 class="text-primary"> Evaluación del Cumplimiento <a class="btn blue" style="float: right; margin-bottom: 5px;" onclick="changeDataModalCustom2('View/Pregunta/V_Pregunta_Update.jsp?action=n&idControlAuditoria=<%=id%>&isPreguntaCumplimiento=false', '45%');">Agregar Pregunta</a></h3>
                                        <div class="table-scrollable" id="table_content_del_cumplimiento">
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <%
                        }
                    %>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="action" value="<%= action%>">
    <input type="hidden" name="id" id="id" value="<%= id%>">
</form>
<!-- END FORM-->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script>
    function deletePreguntaTipoEvaluacion(id, idPregunta){
        if(confirm("¿Desea realmente eliminar este registro?")){
            $.post("C_PreguntaTipoEvaluacion", {id: id, action: "d"}, 
            function(data){
            if(data === "OK"){
                removeTiposEvaluacion(idPregunta);
                getTiposEvaluacion(idPregunta);
            }else{
                alert(data);
            }
        });
        }
    }
</script>
<script>
    function getTiposEvaluacion(idPregunta) {
        $.post('C_PreguntaTipoEvaluacion',{action: "get_tipos_evaluacion", idPregunta: idPregunta
        }, function (data) {
            $("#id_pregunta_" + idPregunta).after(data);
            $("#icon-pregunta-te-" + idPregunta).parent().attr("onclick", "removeTiposEvaluacion(" + idPregunta + ")");
        });
    }
    function removeTiposEvaluacion(idPregunta) {
        $("#id_pregunta_tipo_eva_" + idPregunta).remove();
        $("#icon-pregunta-te-" + idPregunta).parent().attr("onclick", "getTiposEvaluacion(" + idPregunta + ")");
    }
</script>
<script>
    function deletePregunta(idPregunta, isPreguntaCumplimiento){
        if(confirm("¿Desea realmente eliminar este registro?")){
            $.post("C_Pregunta", {id: idPregunta, action: "d", isPreguntaCumplimiento: isPreguntaCumplimiento}, 
            function(data){
            if(data === "OK"){
                if(isPreguntaCumplimiento === "true"){
                    getPreguntasCumplimiento();
                }else{
                    getPreguntasDelCumplimiento();
                }
            }else{
                alert(data);
            }
        });
        }
    }
</script>
<script>
    function getPreguntasCumplimiento(){
        $.post("C_Pregunta", {idControlAuditoria: $("#id").val(), 
            isPreguntaCumplimiento: "true", action: "get_preguntas"}, function(data){
            $("#table_content_cumplimiento").html(data);
        });
    }
    function getPreguntasDelCumplimiento(){
        $.post("C_Pregunta", {idControlAuditoria: $("#id").val(), 
            isPreguntaCumplimiento: "false", action: "get_preguntas"}, function(data){
            $("#table_content_del_cumplimiento").html(data);
        });
    }
    getPreguntasCumplimiento();
    getPreguntasDelCumplimiento();
</script>
<script>
    function changeCodigo() {
        var textoObjetivo = $("#idObjetivoControlAuditoria option:selected").text();
        var posicion = textoObjetivo.indexOf(" ");
        $("#codigo").val(textoObjetivo.substr(0, posicion)).focus();
    }
    function getSubTable(idPregunta) {
        $.post('C_PreguntaVulnerabilidad?action2=getSubTable&id2=0&idPregunta=' + idPregunta, function (data) {
            $("#id_pregunta_" + idPregunta).after(data);
            $("#icon-pregunta-" + idPregunta).removeClass("fa-expand");
            $("#icon-pregunta-" + idPregunta).addClass("fa-compress");
            $("#icon-pregunta-" + idPregunta).parent().attr("onclick", "removeSubTable(" + idPregunta + ")");
            $("#icon-pregunta-" + idPregunta).parent().attr("data-original-title", "Ocultar Vulnerabilidades");
        });
    }

    function removeSubTable(idPregunta) {
        $("#id_pregunta_vulnerabilidad_" + idPregunta).remove();
        $("#icon-pregunta-" + idPregunta).removeClass("fa-compress");
        $("#icon-pregunta-" + idPregunta).addClass("fa-expand");
        $("#icon-pregunta-" + idPregunta).parent().attr("onclick", "getSubTable(" + idPregunta + ")");
        $("#icon-pregunta-" + idPregunta).parent().attr("data-original-title", "Visualizar Vulnerabilidades");
    }

    function getPreguntasHijas(idPregunta, idControlAuditoriaTipoEvaluacion) {
        $.post('C_Pregunta?action2=getPreguntasHijas&idPreguntaPadre=' + idPregunta + '&idControlAuditoriaTipoEvaluacion=' + idControlAuditoriaTipoEvaluacion, function (data) {
            $("#id_pregunta_" + idPregunta).after(data);
            $("#icon-pregunta-2-" + idPregunta).parent().attr("onclick", "removePreguntasHijas(" + idPregunta + "," + idControlAuditoriaTipoEvaluacion + ")");
            $("#icon-pregunta-2-" + idPregunta).parent().attr("data-original-title", "Ocultar Preguntas Hijas");
        });
    }

    function removePreguntasHijas(idPregunta, idControlAuditoriaTipoEvaluacion) {
        $("#id_pregunta_hija_" + idPregunta).remove();
        $("#icon-pregunta-2-" + idPregunta).parent().attr("onclick", "getPreguntasHijas(" + idPregunta + "," + idControlAuditoriaTipoEvaluacion + ")");
        $("#icon-pregunta-2-" + idPregunta).parent().attr("data-original-title", "Visualizar Preguntas Hijas");
    }
</script>
<script>
    function addPregunta(idControlAuditoriaTipoEvaluacion) {
        changeDataModalCustom2("View/Pregunta/V_Pregunta_Update.jsp?action=n&id=0&idControlAuditoriaTipoEvaluacion=" + idControlAuditoriaTipoEvaluacion + "&idPreguntaPadre", '45%');
        return false;
    }
</script>
<script>
    $(".tooltipModal").tooltip();
</script>
<script>
    $('#addTipoEvaluacion').click(function () {
        changeDataModalCustom2('View/ControlAuditoriaTipoEvaluacion/V_ControlAuditoriaTipoEvaluacion_Update.jsp?action=n&id=0&idControlAuditoria=<%= obj.getId()%>', '40%');
        return false;
    });
</script>
<script>
    $('#add2').click(function () {
        changeDataModalCustom2('View/GuiaImplantacion/V_GuiaImplantacion_Update.jsp?action=n&id=0&idControlAuditoria=<%= obj.getId()%>', '40%');
        return false;
    });
</script>
<script>
    $('.selectToMe').select2();
</script>
<script>
    function valid() {
        var correcto = true;
        $(".errorMessage").remove();
        if ($("#codigo").val() === "") {
            $("#codigo").parent().append("<span class='errorMessage'>Ingrese un código.</span>");
            correcto = false;
        }
        if ($("#nombre").val() === "") {
            $("#nombre").parent().append("<span class='errorMessage'>Ingrese un nombre.</span>");
            correcto = false;
        }
        if ($("#idObjetivoControlAuditoria").val() === "0") {
            $("#idObjetivoControlAuditoria").parent().append("<span class='errorMessage'>Seleccione un Objetivo de Control de Auditoría.</span>");
            correcto = false;
        }
        return correcto;
    }
</script>
<script>
    $('#save').click(function () {
        if (!valid()) {
            return false;
        }
        sendDataForm('C_<%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreReferencia()%>', '<%= objRolPermiso.getObjAccionPagina().getObjPagina().getUrl()%>?idPagina=<%= idPagina%>'); // submit the form
                return false;
            });
</script>
<script>
    $('#form_xsis').keypress(function (event) {
        if (event.which === 13) {
            if (!valid()) {
                return false;
            }
            sendDataForm('C_<%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreReferencia()%>', '<%= objRolPermiso.getObjAccionPagina().getObjPagina().getUrl()%>?idPagina=<%= idPagina%>'); // submit the form
                        return false;
                    }
                });
</script>
<%
    }
%>
<!-- END PAGE LEVEL SCRIPTS -->

<% } else {

        out.print("<script language='Javascript'>"
                + "alert('Su sessión a expirado, ingrese nuevamente.');"
                + "window.location.href = 'index.jsp'"
                + "</script>");
    }%>